<script setup>
import { ref, onMounted } from 'vue'
import SearchView from './home/SearchView.vue'
import HomeInfo from './home/HomeInfo.vue'
import HomeList from './home/HomeList.vue'

</script>

<template>
  <main class="header_center">
    <SearchView />
  </main>
  <HomeInfo />
  <HomeList />
</template>

<style lang="less" scoped>
.header_center {
  background: linear-gradient(90deg, rgba(51, 226, 255, 0.1) 0%, rgba(34, 114, 255, 0.1) 100%);
  padding: 3rem 0 6rem;
}

@media (max-width:1000px) {
  .header_center {
    padding: 2rem 0 5rem;
  }
}
</style>
